<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Accordion Visual Test</title>
	<link rel="stylesheet" href="../all.css" type="text/css">
	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
	<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
	<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
	<script type="text/javascript">
		$(function() {
			function on() {
				$("#accordion").accordion();
			}
			function off() {
				$("#accordion").accordion("destroy");
			}
			$("#toggle").toggle(on, off).click();
		});
	</script>
</head>
<body>

<ul class="plugins">
<li class="plugin">
	Accordion
	<div id="accordion">
		<h3><a href="#">First</a></h3>
		<div>
			Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. 
		</div>
		<h3><a href="#">Second</a></h3>
		<div>
			Phasellus mattis tincidunt nibh.
		</div>
		<h3><a href="#">Third</a></h3>
		<div>
			Nam dui erat, auctor a, dignissim quis.
		</div>
	</div>
	<button id="toggle">Toggle</button>
</li>
</ul>

</body>
</html>
